<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>热映电影</title>
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='animation/css/style.css')}}">
</head>
<body>
<!--轮播图 开始 -->
<div class="main_banner">
	<div class="main_banner_wrap">
		<canvas id="myCanvas" width="150" height="150"></canvas>
		<div class="main_banner_box" id="m_box">
			<a href="javascript:void(0)" class="banner_btn js_pre">
				<span class="banner_btn_arrow"><i></i></span>
			</a>
			<a href="javascript:void(0)" class="banner_btn btn_next js_next">
				<span class="banner_btn_arrow"><i></i></span>
			</a>
			<ul>
                {% for preview in previews %}
				<li id="imgCard{{ loop.index0}}">
					<a href="#"><span style="opacity:0;"></span></a>
					<img src="{{url_for('static',filename=preview.logo)}}" alt="">
					<p style="bottom:0">{{ preview.title }}</p>
				</li>
                {% endfor %}
			</ul>
			<!--火狐倒影图层-->
			<p id="rflt"></p>
			<!--火狐倒影图层-->
		</div>
		<!--序列号按钮-->
		<div class="btn_list">
			<span class="curr"></span><span></span><span></span><span></span><span></span>        
		</div>
	</div>
	
</div>
<!--轮播图 结束 -->

<script type="text/javascript" src="{{url_for('static',filename='animation/js/jquery.js')}}"></script>
<script type="text/javascript" src="{{url_for('static',filename='animation/js/script.js')}}"></script>

</body>
</html>
